<template>
  <div>
    <oolongMenu mode="horizontal" :theme="theme1" active-name="1">
      <oolongMenuItem name="1">
        <oolongIcon type="ios-paper"></oolongIcon>
        内容管理
      </oolongMenuItem>
      <oolongMenuItem name="2">
        <oolongIcon type="ios-people"></oolongIcon>
        用户管理
      </oolongMenuItem>
      <oolongSubmenu name="3">
        <template slot="title">
          <oolongIcon type="stats-bars"></oolongIcon>
          统计分析
        </template>
        <oolongMenuGroup title="使用">
          <oolongMenuItem name="3-1">新增和启动</oolongMenuItem>
          <oolongMenuItem name="3-2">活跃分析</oolongMenuItem>
          <oolongMenuItem name="3-3">时段分析</oolongMenuItem>
        </oolongMenuGroup>
        <oolongMenuGroup title="留存">
          <oolongMenuItem name="3-4">用户留存</oolongMenuItem>
          <oolongMenuItem name="3-5">流失用户</oolongMenuItem>
        </oolongMenuGroup>
      </oolongSubmenu>
      <oolongMenuItem name="4">
        <oolongIcon type="settings"></oolongIcon>
        综合设置
      </oolongMenuItem>
    </oolongMenu>
    <br>
    <br>
    <p>切换主题</p>
    <oolongRadioGroup v-model="theme1">
      <oolongRadio label="light"></oolongRadio>
      <oolongRadio label="dark"></oolongRadio>
      <oolongRadio label="primary"></oolongRadio>
    </oolongRadioGroup>
  </div>
</template>
<script>

  export default{
    data () {
      return {
        theme1: 'light'
      }
    }
  }
</script>
<style lang="scss" scoped>

</style>
